<!-- eslint-disable vue/multi-word-component-names -->

<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <main>
   <span> <img @click="goBack" class="fan"  src="../../assets/icon/hdpi/fh.png" alt=""></span>
    <span class="x1">问诊消息</span>
    <div class="k1">
        <span class="k2">患者杨幂对您发起了咨询,快去看看吧!</span>
        <span class="y1">2019年3月10日 17:21</span>
        <router-link to="cha">
        <span class="y2">立即查看>></span>
        </router-link>
    </div>
    <div class="k4">
      <span class="k5">患者杨幂对您发起了咨询,快去看看吧!</span>
    <span class="y3">2019年3月10日 17:21</span>
     <span class="y4">立即查看>></span>
    </div>
    <div class="k7">
       <span class="s1">患者王麻子结束了问诊!</span>
       <P>2019年2月18日 14:20</P>
    </div>
     <div class="k4">
      <span class="y5">患者杨幂对您发起了咨询,快去看看吧!</span>
    <span class="y6">2019年3月10日 17:21</span>
     <span class="y7">立即查看>></span>
    </div>
    <div class="k7">
       <span class="s1">患者王麻子结束了问诊!</span>
       <P>2019年2月18日 14:20</P>
    </div>
  </main>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router'; 

    const router = useRouter(); 
function goBack() {  
      // 使用router.go(-1)模拟浏览器的后退操作  
      router.go(-1);  
    }  
</script>
<style>
.y1{
    position: absolute;
    top: 125px;
    font-size: 13px;
}
.y2{
    position: absolute;
    left: 260px;
    font-size: 13px;
    top: 130px;
    color: #4f99ed;
}
.y3{
    position: absolute;
    top: 205px;
    font-size: 13px;
}
.y4{
    position: absolute;
    left: 260px;
    top: 205px;
    font-size: 13px;
     color: #4f99ed;
}
.y5{
    position: absolute;
    top: 340px;
}
.y6{
    position: absolute;
    top: 365px;
   font-size: 13px; 
}
.y7{
    position: absolute;
    top: 365px;
    left: 260px;
    font-size: 13px;
    color: #4f99ed;
}
.s1{
    font-size: 14px;
}
</style>